<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

		<title>Date</title>
<link href="css/custom-theme/jquery-ui-1.8.21.custom.css" rel="stylesheet" type="text/css" />
		<link href="css/common.css" rel="stylesheet" type="text/css"/>
		<link href="css/custom.css" rel="stylesheet" type="text/css" />
		<link href="css/UI.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="js/jquery1.7.2.js"></script>
		<script type="text/javascript">
		$(document).ready(function(){
			$('#header').load('common/header.html','',function(){
				$("#header .menu li a").removeClass("current_page");
          		$("a#ch").addClass("current_page");
			});
			$('#footer').load('common/footer.html');
		});
		</script>
	</head>

	<body>
			<div id="header"></div>
			
			
			<div class="College_body">
			<div class="College_bg_top"></div>
			<div class="College_bg_repeat">
				<div class="body_topLeftBg">
				<div class="body_topRightBg">
				<div class="body_footLeftBg">
					<div class="body_footRightBg">
						<div class="ch_list_top">
							<p>I’m a Mal
								looking for a Female</p>
							<p>Here r the recommend <em class="color_pink">Date:</em></p>
						</div>
						<div class="ch_list_box">
							<p><label>Age:</label><select><option>19</option></select> to <select><option>20</option></select></p>
							<p><label>Filter tag:</label>
								<span class="Filterselect">
									<a href="#"><span>With photo</span></a>
									<a href="#"><span>Detailed personal info</span></a>
									<a href="#"><span>Same birthday</span></a>
									<a href="#"><span>Like party </span></a>
									<a href="#"><span>Like drinking</span></a>
									<a href="#"><span>Hate studying</span></a>
									<a href="#"><span>Love rock</span></a>
									<a href="#"><span>Shopping crazy </span></a>
									<a href="#"><span>Pet-keeper</span></a>
								</span>
							</p>
							<p><label>Selected:</label><span class="selected_filter">
									<span><span>With photo</span><a href="#" class="ui-icon-white ui-icon-close"></a></span>
									<span><span>Detailed personal info</span><a href="#" class="ui-icon-white ui-icon-close"></a></span>
								</span></p>
							<p>
								<a class="Spinkbtn" href="#">
										<span class="left"></span>
										<span class="repeat">
											Filter
										</span>
										<span class="right"></span>
								</a>
							</p>
							
							
						</div>
						<ul>
							<li>
								<div class="use_photo"><a href="ch_About_boy.html" target="_blank"><img src="img/photos/College-Harmony_man.jpg" /></a></div>
								<a href="ch_About_boy.html" target="_blank" class="color_wathet">Andrew Seroff</a>
								<p>Conrent</p> 
								<span>Age:<span>19</span></span>
								<span>Alter-Ego:<span>Stan Marsh</span></span>
							</li>
							<li>
								<div class="use_photo">
									<a href="ch_About_Me.html" target="_blank"><img src="img/photos/College-Harmony_women.jpg" /></a>
									</div>
								<a href="ch_About_Me.html" target="_blank" class="color_wathet">Andrew Seroff</a>
								<p>Conrent</p>
								<span>Alter-Ego:<span>Stan Marsh</span></span>
							</li>
							<li>
								<div class="use_photo"><a href="ch_About_boy.html" target="_blank"><img src="img/photos/College-Harmony_man2.jpg" /></a></div>
								<a href="ch_About_boy.html" target="_blank" class="color_red">Andrew Seroff</a>
								<p>Conrent</p>
								<span>Alter-Ego:<span>Stan Marsh</span></span>
							</li>
							<li>
								<div class="use_photo"><a href="ch_About_boy.html" target="_blank"><img src="img/photos/College-Harmony_man3.jpg" /></a></div>
								<a href="ch_About_boy.html" target="_blank" class="color_red">Andrew Seroff</a>
								<p>Conrent</p>
								<span>Alter-Ego:<span>Stan Marsh</span></span>
							</li>
							<li>
								<div class="use_photo"><a href="ch_About_boy.html" target="_blank"><img src="img/photos/College-Harmony_man4.jpg" /></a></div>
								<a href="ch_About_boy.html" target="_blank" class="color_green">Andrew Seroff</a>
								<p>Conrent</p>
								<span>Alter-Ego:<span>Stan Marsh</span></span>
							</li>
							<li>
								<div class="use_photo"><a href="ch_About_boy.html" target="_blank"><img src="img/photos/College-Harmony_man5.jpg" /></a></div>
								<a href="ch_About_boy.html" target="_blank" class="color_green">Andrew Seroff</a>
								<p>Conrent</p>
								<span>Alter-Ego:<span>Stan Marsh</span></span>
							</li>
							<li>
								<div class="use_photo"><a href="ch_About_boy.html" target="_blank"><img src="img/photos/College-Harmony_man6.jpg" /></a></div>
								<a href="ch_About_boy.html" target="_blank" class="color_green">Andrew Seroff</a>
								<p>Conrent</p>
								<span>Alter-Ego:<span>Stan Marsh</span></span>
							</li>
							<li>
								<div class="use_photo"><a href="ch_About_boy.html" target="_blank"><img src="img/photos/College-Harmony_man7.jpg" /></a></div>
								<a href="ch_About_boy.html" target="_blank" class="color_wathet">Andrew Seroff</a>
								<p>Conrent</p>
								<span>Alter-Ego:<span>Stan Marsh</span></span>
							</li>
							<li>
								<div class="use_photo"><img src="img/photos/College-Harmony_who.jpg" /></div>
								
								<p>?</p>
								<span>This Could Be You</span>
							</li>
						</ul>
					</div>
				</div>
				</div>
				</div>
			
				
				<div class="body_foot"></div>
			</div>
			<div class="College_bg_foot"></div>
		</div>
		<div class="clear_float"></div>
		<div id="footer">
			
		</div>
		
	</body>
</html>
